//定义食物类
class Food {
  //定义属性表示食物对应元素
  element: HTMLElement;

  constructor() {
    //获取页面中food源并赋值给element
    this.element = document.getElementById('food')!;
  }

  //获取食物坐标方法
  get X() {
    return this.element.offsetLeft
  }
  get Y() {
    return this.element.offsetTop
  }

  //修改食物的位置
  change() {
    //生成随机位置
    let left = Math.round(Math.random() * 29) * 10;
    let top = Math.round(Math.random() * 29) * 10;
    this.element.style.left = left + 'px';
    this.element.style.top = top + 'px'
  }
}

export default Food;